<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<link type="text/css" rel="StyleSheet" href="js/goog/demos/css/toolbar.css">

<script type="text/javascript" language="javascript" src="js/common/yahoo-dom-event.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/dragdrop-min.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/connection-min.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/prototype.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/Constants.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/EventBus.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/ComponentManager.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/Utility.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/RequestClient.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/common/DDManager.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/core/constants.js">
        </script>
     <script type='text/javascript' src='js/goog/base.js'> </script>
		
		<script type='text/javascript' src='js/core/widget.js'> </script>
<script type='text/javascript' src='js/header.js'> </script>
<script type='text/javascript' src='dwr/engine.js'> </script>
<script type='text/javascript' src='dwr/util.js'> </script>
<script type='text/javascript' src='dwr/interface/HostServiceCenter.js'> </script>
<script type='text/javascript' src='js/player.js'> </script>
<script type='text/javascript' src='js/mainframe.js'> </script>
<script type='text/javascript' src='js/loginPanel.js'> </script>
<script type='text/javascript' src='js/tableContentPanel.js'> </script>

<!--
<style type="text/css">
	
body {background-image:url('img/maonpage.jpg');
		backgroundPosition: 'top center'

		}
		
</style>
-->



</head>
<body onload="init()">
	
<div id="" style="border:1px solid red;width:400px;height:200px;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto">
	user name <input type="text" name="userName" />
	<input type="button" name="login" value="join"  onclick="login()" /> 
	<div id="message" style="width:100%;height:200px;"></div>
</div>

</body>

<script language="JavaScript" type="text/javascript">
	if (document.all)
{          
     document.onkeydown = function ()
     {
             var key_f5 = 116; // 116 = F5          
          if (key_f5==event.keyCode)
          {
               event.keyCode=0;
               alert ("Sorry! You can not refresh this page!");
          }
          return false;
     }
}
var gl="first";
	function init(){
		//alert(gl);
		 //gl = "";
		alert(gl);
		gl="second";
		window.application = gl;
		
		alert(gl);
		//HostServiceCenter.onLoad(_callbackOnLoad);
	}
	
	function _callbackOnLoad(userName){
		if(userName){
			//alert(status);
			showMainPage(userName);
		}
	}
	 
		//var init = {};
        //i/nit.title = "Login";
        //init.parentElement = "message";
        //var headerPanel = ComponentManager.loadComponent({
        //    componentId: 'headerPanel',
        //    jsClassName: 'TableContentPanel',
        //    initData: init
        //});
		//goog.dom.appendChild(document.body, headerPanel.getWidgetContent());
			
</script>

</html>